<template>
	<view>
		<jiazai v-if="isshow"></jiazai>
		<view v-else class="mv u-f-ac animated fadeIn fast">
			<view class="item" v-for="(item,index) in mv" :key="index">
				<view class="pic">
					<image mode="widthFix" :src="item.pic" style="width: 100%;"></image>
				</view>
				<view class="info">
					<text class="eps-1" >{{item.name}}</text>
					<text class="author" >{{item.author}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import jiazai from '../../home/jiazai/jiazai.vue';
	export default {
		components:{
			jiazai
		},
		props:{
			mv:Array
		},
		data() {
			return {
				isshow:true,
			}
		},
		created() {
			setTimeout(v=>{
				this.isshow=false
			},1000)
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	.mv{
		flex-wrap: wrap;
		.info{
			line-height: 34upx;
			.author{
				font-size: 24upx;
				color: #CCCCCC;
			}
		}
	}
	.mv>view:nth-of-type(2n-1){
		width:345upx;
		margin: 10upx 10upx 10upx 20upx;
	}
	.mv>view:nth-of-type(2n)
	{
		width:345upx;
		margin: 10upx 20upx 10upx 10upx;
	}
</style>
